<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
<title>{:C('WEB_SITE_TITLE')}</title>
<link href="__STATIC__/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="__STATIC__/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

<link href="__STATIC__/bootstrap/css/onethink.css" rel="stylesheet">

<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="__STATIC__/bootstrap/js/html5shiv.js"></script>
<![endif]-->
<block name="style"></block>
<!--[if lt IE 9]>
<script type="text/javascript" src="__STATIC__/jquery-1.10.2.min.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script type="text/javascript" src="__STATIC__/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="__STATIC__/bootstrap/js/bootstrap.min.js"></script>
<!--<![endif]-->
<!-- 页面header钩子，一般用于加载插件CSS文件和代码 -->
{:hook('pageHeader')}
<style>
.category{padding:5px 10px;}
.author{float:left;}
.timedetail{float:right;}
.excerpt{position: relative;margin: 20px 0 ;padding: 15px 30px;color: #a6a6a6;text-align: center;font-weight: 400;font-size: 18px;}
.logo_image { -moz-border-radius: 50%;      /* Gecko browsers */
    -webkit-border-radius: 50%;   /* Webkit browsers */
    border-radius:50%;            /* W3C syntax */
	overflow: hidden;width:18px;height:18px;float: left;margin-right: 12px}
.logo_image image{width: 24px;height: 24px;}
.excerpt:before{position: absolute;
    left: 50%;
    margin-left: -80px;
    width: 160px;
    height: 1px;
    background-color: #d0d0d0;
    content: '';
    top:0;
}
.excerpt:after{position: absolute;
    left: 50%;
    margin-left: -80px;
    width: 160px;
    height: 1px;
    background-color: #d0d0d0;
    content: '';
    bottom: 0;
}

</style>

</head>
<body style="padding:0!important">
<div class="headimg" style='padding-bottom:5px'><img src="{$info.cover_id|get_cover='path'}" width="100%" /></div>
<!-- 分类图标 -->
<div class="category">
	<div class="logo_image"><img src="{$category.icon|get_cover='path'}" />
	</div> <span style="font-size:12px;">{$category.title}</span></div>
<h2 style="font-size:20px;line-height:30px;padding:0 10px">{$info.title}</h2>
<div class="category">
	<!-- <div class="author">
		<div class="logo_image">
			<if condition="($user['thumb'] eq '')">
					<img src="__IMG__/default.png" />
				<else />
					<img src="{$user.thumb'}" />
			</if>
		</div>
		<span style="line-height:24px">{$user.nickname}</span>
	</div> -->
	<div class="timedetail">{$info.update_time|TimeFormat}</div>
	<div style="clear:both"></div>
</div>
<if condition="($info['description'] neq '')">
	<div class="excerpt" style="font-size:12px">{$info.description}</div>
</if>

<section style="font-family:Arial,Hiragino Sans GB,冬青黑,Microsoft YaHei,微软雅黑,SimSun,宋体,Helvetica,Tahoma,Arial sans-serif;font-size:14px;">
    <section style="line-height: 1.75em; text-align: justify; margin:10px; font-size: 14px; color: rgb(0, 0, 0); white-space: normal;">
					{$info.content}
    </section><br/>
</section>

</body>
</html>
